/*
 * Copyright (c) 2020 MariaDB Corporation Ab
 * Copyright (c) 2023 MariaDB plc, Finnish Branch
 *
 * Use of this software is governed by the Business Source License included
 * in the LICENSE.TXT file and at www.mariadb.com/bsl11.
 *
 * Change Date: 2027-04-10
 *
 * On the date above, in accordance with the Business Source License, use
 * of this software will be governed by version 2 or later of the General
 * Public License.
 */
@import '~vuetify/src/styles/settings/_variables';

// override vuetify variables
$body-font-family: 'azo-sans-web', sans-serif;
$heading-font-family: 'adrianna', sans-serif;

$font-weights: map-merge(
    $font-weights,
    (
        'thin': 100,
        'light': 350,
        'regular': 400,
        'medium': 500,
        'bold': 700,
        'black': 900,
    )
);
$headings: (
    'h1': (
        'size': 3.125rem,
        'weight': 350,
        'line-height': 3.8125rem,
        'font-family': 'azo-sans-web',
    ),
    'h2': (
        'size': 2.125rem,
        'weight': 700,
        'line-height': 2.9375rem,
        'font-family': 'adrianna',
    ),
    'h3': (
        'size': 1.875rem,
        'weight': 400,
        'line-height': 3.1875rem,
        'font-family': 'azo-sans-web',
    ),
    'h4': (
        'size': 1.875rem,
        'weight': 300,
        'line-height': 3.1875rem,
        'font-family': 'azo-sans-web',
    ),
    'h5': (
        'size': 1.5rem,
        'weight': 700,
        'line-height': 1.4375rem,
        'font-family': 'adrianna',
    ),
    'h6': (
        'size': 1rem,
        'weight': 700,
        'line-height': 3.1875rem,
        'font-family': 'adrianna',
    ),
    'subtitle-1': (
        'size': 1rem,
        'weight': 400,
        'line-height': 1.75rem,
        'letter-spacing': 0.009375em,
        'font-family': $body-font-family,
    ),
    'subtitle-2': (
        'size': 0.875rem,
        'weight': 500,
        'line-height': 1.375rem,
        'letter-spacing': 0.0071428571em,
        'font-family': $body-font-family,
    ),
    'body-1': (
        'size': 1rem,
        'weight': 400,
        'letter-spacing': 0.03125em,
        'line-height': 1.5rem,
        'font-family': $body-font-family,
    ),
    'body-2': (
        'size': 0.875rem,
        'weight': 400,
        'letter-spacing': 0.0178571429em,
        'line-height': 1.25rem,
        'font-family': $body-font-family,
    ),
    'caption': (
        'size': 0.75rem,
        'weight': 400,
        'letter-spacing': 0.0333333333em,
        'line-height': 1.25rem,
        'font-family': $body-font-family,
    ),
    'overline': (
        'size': 0.625rem,
        'weight': 400,
        'letter-spacing': 0.1666666667em,
        'line-height': 1rem,
        'font-family': $body-font-family,
    ),
);
// override v-card
$card-text-font-size: map-deep-get($headings, 'subtitle-2', 'size');
$card-text-line-height: 1.125rem;
// override v-dialog
$dialog-border-radius: 0.625rem;

@import '~vuetify/src/components/VBtn/variables';

$btn-font-sizes: map-merge(
    $btn-font-sizes,
    (
        'x-small': 0.75rem,
        'small': 0.875rem,
        'default': 1.125rem,
        'large': 1.125rem,
        'x-large': 1.5rem,
    )
);
$btn-letter-spacing: -0.1px;

// override v-menu
$menu-content-border-radius: 10px;
// override v-snackbar
$snackbar-border-radius: 10px;
$snackbar-font-size: map-deep-get($headings, 'subtitle-1', 'size');
$snackbar-multi-line-content-min-height: 50px;

// override v-text-field
$text-field-filled-full-width-outlined-single-line-slot-min-height: 36px;
// override v-tooltip
$tooltip-border-radius: 10px;
$tooltip-background-color: #303033;
$tooltip-text-color: #d9dae0;
$tooltip-padding: 8px 16px;
$tooltip-border-radius: 2px;
// v-data-table
$data-table-regular-header-height: 40px;
$data-table-regular-row-height: 45px;
$data-table-dense-header-height: 30px;

// v-text-field
$text-field-padding: 0px;
// v-checkbox
$checkbox-disabled-opacity: 0.5;
//TODO: Replace overrides css class selector style in main.scss with vuetify SASS Variables
